﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Group Project</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<!-- Cufon START  -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/GeosansLight_500.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('.logo', { fontFamily: 'GeosansLight' });
Cufon.replace('h1', { fontFamily: 'GeosansLight' });
Cufon.replace('h2', { fontFamily: 'GeosansLight' });
</script>    
<!-- Cufon END  -->

</head>
<body>
<div id="main_container" >

        
	<div class="header">

            <div class="logo"><a href="index.html">SE0867</a></div>
            <div class="slogan">| C# Project</div> 
        
			
    </div> <!--end of header--> 
    
    <div class="menu">
        <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About Us<!--[if IE 7]><!--></a><!--<![endif]-->
        <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
            <li><a href="about.html" title="">Out Team</a></li>
            <li><a href="about.html" title="">Departments</a></li>
            <li><a href="about.html" title="">Locations</a></li>
            </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a href="#">Services<!--[if IE 7]><!--></a><!--<![endif]-->
        <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
            <li><a href="Customer.aspx" title="">Customer</a></li>
            <li><a href="" title="">Employee</a></li>
            <li><a href="" title="">Catelogy</a></li>
            <li><a href="" title="">Order</a></li>
            <li><a href="" title="">ProDuct</a></li>
            <li><a href="" title="">Shipper</a></li>
            <li><a href="" title="">Supplier</a></li>
            <li><a href="" title="">Exit</a></li>
            </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
     
        </ul>
    </div>
         
         


		<div class="center_content">
        	<div class="leftbox">
              <h2>Customer</h2>
              <img src="images/Customer.ico" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="Customer.aspx" class="more">learn more</a>
        	</div>
            
        	<div class="leftbox">
              <h2>Employee</h2>
              <img src="images/Employee.ico" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="#" class="more">learn more</a>
        	</div>
            
        	<div class="leftbox_right">
              <h2>Catelogy</h2>
              <img src="images/Category.jpg" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="#" class="more">learn more</a>
        	</div>
			<div class="leftbox">
              <h2>Order</h2>
              <img src="images/order.jpg" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="#" class="more">learn more</a>
        	</div>
            
        	<div class="leftbox">
              <h2>ProDuct</h2>
              <img src="images/product.png" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="#" class="more">learn more</a>
        	</div>
            
        	<div class="leftbox_right">
              <h2>Shipper</h2>
              <img src="images/shipper.png" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="#" class="more">learn more</a>
        	</div>
			<div class="leftbox">
              <h2>Supplier</h2>
              <img src="images/supplier.png" alt="" title="" border="0" />
              <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
              </p>
              <a href="#" class="more">learn more</a>
        	</div
        </div>

              </div>
          <div class="clear"></div>
        
<div class="footer">
  
    <div class="footer_right">
    <a href="#">Home</a>
    <a href="#">About Us</a>
    <a href="#">Privacy Policy</a>
    <a href="#">Contact Us</a>
    </div>
    <div class="clear"></div>
</div>

</div> <!--end of main container-->
    
    

</body>
</html>
